<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" media="screen,projection,tv" href="css/screen.css" />
        <link rel="stylesheet" type="text/css" media="print" href="css/print.css" />
        
        <!-- JQuery -->
        <script type="text/javascript" src="js/jquery-1.8.0.js"></script>
                
        <!-- Menu -->
        <link rel="stylesheet" type="text/css" media="screen,projection,tv" href="js/menu/menu.css" />
        <script type="text/javascript" src="js/menu/menu.js"></script>
    </head>
    <body>
        <div id="page-wrapper">
            <div id="left">
                <img id="logo-big" src="images/logo-big.png" alt="logo na pozadi" />
<!-- =========================== SIDE PANELS =============================== -->            
                <a href="#" class="side-panel">
                    <div class="panel-title"><div class="space2"></div>Ocenění<br />nemovistosti</div>
                    <div class="panel-stripe"></div>
                    <img src="images/panel-calculator.png" alt="Oceneni nemovitosti" />
                </a>
                <a href="#" class="side-panel">                    
                    <div class="panel-title"><div class="space2"></div>Vaše nabídka<br />nebo poptávka</div>
                    <div class="panel-stripe"></div>
                    <img src="images/panel-keys.png" alt="Vase nabidka nebo poptavka" />
                </a>
                <a href="#" class="side-panel">
                    <div class="panel-title"><div class="space10"></div>Zavoláme Vám</div>
                    <div class="panel-stripe"></div>
                    <img src="images/panel-phone.png" alt="Zavolame Vam" />
                </a>            
            </div>
            <div id="right">
<!-- =========================== HEADER ==================================== -->            
                <img id="header-overlay" src="images/header-overlay.png" alt="prekryti hlavicky" />
                <div id="header">
                    <a id="header-logo" href="index.html">
                        <img src="images/logo.png" alt="logo spolecnosti" />
                    </a>
                    <div id="header-rkcr-wrapper">
                        <img src="images/logoRKCR.png" alt="logo Realitni komory Ceske republiky" />
                        <br />
                        <br />
                        <div id="header-rkcr-text">Jsme členem Realitní komory České republiky</div>
                    </div>
                </div>            
                <div class="clearfix"></div>

<!-- =========================== MENU ====================================== -->
                <ul id="menu">
                    <li>
                    <a href="index.html" class="active">Úvodní stránka</a>
                    </li>
                    <li>
                        <a href="o-spolecnosti.html">O nás</a>
                        <ul>
                            <li><a href="o-spolecnosti.html">O společnosti</a></li>
                            <li><a href="#">Náš tým</a></li>
                            <li><a href="#" class="submenu-last">Přidej se k nám</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="reference-od-klientu.html">Reference</a>
                        <ul>
                            <li><a href="reference-od-klientu.html">Reference od klientů</a></li>
                            <li><a href="#">Rezervované</a></li>
                            <li><a href="#" class="submenu-last">Zrealizované</a></li>
                        </ul>
                    </li>
                    <li><a href="#">Novinky</a></li>
                    <li><a href="#">Partneři</a></li>
                    <li><a href="#">Kontakt</a></li>
                </ul>

<!-- =========================== CONTENT =================================== -->
                <div id="content">
                    <h1>Nabídka nemovitostí</h1>
                    <div id="filter">
                        <div class="estate-type">                                
                            <img src="images/filter-house.png" alt="kategorie domy" />                                
                            <p>
                                <a href="#" class="estate-type-category">Domy</a><br />
                                <a href="#" class="estate-type-subcategory">Prodej</a>
                                <span class="estate-type-subcategory-separateor"></span>
                                <a href="#" class="estate-type-subcategory">Pronájem</a>
                            </p>                                
                        </div>
                        <div class="estate-type filter-right">                                
                            <img src="images/filter-cottage.png" alt="kategorie chaty a chalupy" />
                            <p>
                                <a href="#" class="estate-type-category">Chaty a chalupy</a><br />
                                <a href="#" class="estate-type-subcategory">Prodej</a>
                                <span class="estate-type-subcategory-separateor"></span>
                                <a href="#" class="estate-type-subcategory">Pronájem</a>
                            </p>                                
                        </div>
                        <div class="estate-type">
                            <img src="images/filter-flat.png" alt="kategorie byty" />                            
                            <p>
                                <a href="#" class="estate-type-category">Byty</a>
                                <br />                                
                                <a href="#" class="estate-type-subcategory">garsoniera</a>
                                <span class="estate-type-subcategory-separateor"></span>
                                <a href="#" class="estate-type-subcategory">1+kk</a>
                                <span class="estate-type-subcategory-separateor"></span>
                                <a href="#" class="estate-type-subcategory">1+1</a>
                                <span class="estate-type-subcategory-separateor"></span>
                                <a href="#" class="estate-type-subcategory">2+kk</a>
                                <span class="estate-type-subcategory-separateor"></span>
                                <a href="#" class="estate-type-subcategory">2+1</a>
                                <span class="estate-type-subcategory-separateor"></span>
                                <a href="#" class="estate-type-subcategory">3+kk</a>
                                <span class="estate-type-subcategory-separateor"></span>
                                <a href="#" class="estate-type-subcategory">3+1</a>
                                <span class="estate-type-subcategory-separateor"></span>
                                <a href="#" class="estate-type-subcategory">3+kk</a>
                                <span class="estate-type-subcategory-separateor"></span>
                                <a href="#" class="estate-type-subcategory">4+1</a>
                                <span class="estate-type-subcategory-separateor"></span>
                                <a href="#" class="estate-type-subcategory">4+kk</a>
                                <span class="estate-type-subcategory-separateor"></span>
                                <a href="#" class="estate-type-subcategory">větší</a>
                            </p>
                        </div>
                        <div class="estate-type filter-right">                                
                            <img src="images/filter-land.png" alt="kategorie pozemky" />
                            <p>
                                <a href="#" class="estate-type-category">Pozemky</a><br />
                                <a href="#" class="estate-type-subcategory">Prodej</a>
                            </p>                                
                        </div>
                        <div class="estate-type">                                
                            <img src="images/filter-commercial.png" alt="kategorie komercni" />
                            <p>
                                <a href="#" class="estate-type-category">Komerční</a><br />
                                <a href="#" class="estate-type-subcategory">Prodej</a>
                                <span class="estate-type-subcategory-separateor"></span>
                                <a href="#" class="estate-type-subcategory">Pronájem</a>
                            </p>                                
                        </div>
                        <div class="estate-type filter-right">                                
                            <img src="images/filter-other.png" alt="kategorie jine" />
                            <p>
                                <a href="#" class="estate-type-category">Jiné</a><br />
                                <a href="#" class="estate-type-subcategory">Prodej</a>
                                <span class="estate-type-subcategory-separateor"></span>
                                <a href="#" class="estate-type-subcategory">Pronájem</a>
                            </p>                                
                        </div>
                    </div>    
                    
                    <!-- ================== NEW ESTATES ==================== -->                    
                    <h1>Novinky v naší nabídce</h1>    
                    <div id="new-estates">
                        <a href="#">
                            <div class="new-estates-info">
                                Prodej, byt 2+1, 62 m2<br />
                                <span class="new-estate-price">1<span class="numSpace">&nbsp;</span>490<span class="numSpace">&nbsp;</span>000&nbsp;Kč</span>        
                            </div>
                            <div class="new-estates-img">
                                <img src="images/news1.jpg" alt="miniatura obrazku reality" />
                            </div>

                        </a>
                        <a href="#">
                            <div class="new-estates-info">
                                Prodej, byt 3kk, 60 m2<br />
                                <span class="new-estate-price">1<span class="numSpace">&nbsp;</span>750<span class="numSpace">&nbsp;</span>000&nbsp;Kč</span>        
                            </div>
                            <div class="new-estates-img">
                                <img src="images/news2.jpg" alt="miniatura obrazku reality" />
                            </div>
                        </a>
                        <a href="#">
                            <div class="new-estates-info">
                                Prodej, byt 2+1, 62 m2<br />
                                <span class="new-estate-price">1<span class="numSpace">&nbsp;</span>860<span class="numSpace">&nbsp;</span>000&nbsp;Kč</span>        
                            </div>
                            <div class="new-estates-img">
                                <img src="images/news3.jpg" alt="miniatura obrazku reality" />
                            </div>
                        </a>
                        <a href="#">
                            <div class="new-estates-info">
                                Prodej, byt 1+1, 45 m2<br />
                                <span class="new-estate-price">1<span class="numSpace">&nbsp;</span>300<span class="numSpace">&nbsp;</span>000&nbsp;Kč</span>        
                            </div>
                            <div class="new-estates-img">
                                <img src="images/news4.jpg" alt="miniatura obrazku reality" />
                            </div>
                        </a>
                    </div>
                    <div class="clearfix"></div>
                </div>
    
<!-- =========================== FOOTER ==================================== -->
                <div id="footer">            
                    <table>
                        <tr>
                        <td><strong>Adresa:</strong> Hradec Králové, Ulrichovo náměstí 762/6 (<a href="http://maps.google.cz/maps?q=Ulrichovo+n%C3%A1m%C4%9Bst%C3%AD+762%2F6+500+02+Hradec+Kr%C3%A1lov%C3%A9,+%C4%8Cesk%C3%A1+republika&hl=cs&ie=UTF8&ll=50.210664,15.821039&spn=0.001485,0.004128&sll=49.192051,16.613191&sspn=0.09704,0.264187&brcurrent=5,0,0&hnear=Ulrichovo+n%C3%A1m%C4%9Bst%C3%AD+762%2F6,+500+02+Hradec+Kr%C3%A1lov%C3%A9&t=h&z=19&iwloc=A" target="_blank">mapa</a>)</td>
                        <td><strong>E-mail:</strong> <a href="mailto:info@vaserealitycz.cz">info@vaserealitycz.cz</a></td>
                        <td><strong>Telefon:</strong> +420 773 123 091, +420 774 803 100</td>
                        </tr>
                    </table>
                <span>&copy; Vaše<strong>Reality</strong>cz 2012</span>
                </div>
            </div> <!-- end of right -->                        
        </div> <!-- end of wrapper --> 
    </body>
</html>
